.clearfix:after {
display: block;
content: '';
clear: both;
}
.mt-15 {
margin-top: 15px;
}
.mt-10 {
margin-top: 10px;
}
.fb {
font-weight: bold;
}
.f12 {
font-size: 12px;
}
.f14 {
font-size: 14px;
}
.f16 {
font-size: 16px;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px;
}
.f22 {
font-size: 22px;
}
.f24 {
font-size: 24px;
}
.f26 {
font-size: 26px;
}
.f28 {
font-size: 28px;
}
.f30 {
font-size: 30px;
}
.f32 {
font-size: 32px;
}
.f34 {
font-size: 34px;
}
.f36 {
font-size: 36px;
}
.f38 {
font-size: 38px;
}
.f40 {
font-size: 40px;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
border: none;
padding: 0;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
-webkit-appearance: none;
}
textarea {
-webkit-appearance: none;
}
* {
box-sizing: border-box;
}
a {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.padding {
padding: 80px 0;
}
.padding-top {
padding-top: 80px;
}
.padding-bottom {
padding-bottom: 80px;
}
.transi {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.img_jz {
position: absolute;
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.img_cover {
width: 100%;
height: 100%;
object-fit: cover;
}
.img_container {
width: 100%;
height: 100%;
object-fit: contain;
}
.textover {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.topper{
line-height:50px;
border-bottom: 1px solid #e5e5e5;
font-size:16px;
color:#707070;
}
.topper .left{
float: left;
}
.topper .right{
float: right;
width: 145px;
}
.topper .right a{
display: block;
font-size:16px;
color:#0e54ad;
padding-left: 57px;
border-right:1px solid #e5e5e5;
}
.topper .right a:first-child{
border-left:1px solid #e5e5e5;
}
.topper .right a.icon1{
background: url("../img/icon1.png") no-repeat left 20px center;
}
.headbox{
height: 140px;
background: #fff;
}
.headbox .left{
float: left;
margin-top: 22px;
}
.headbox .left h1{
float: left;
margin-top: 13px;
}
.headbox .left .text{
margin-top: 13px;
float: left;
padding-left:20px;
margin-left:20px;
border-left:1px solid #e5e5e5;
}
.headbox .left .text .fir{
font-size:18px;
color:#999999;
}
.headbox .left .text .sec{
font-size:24px;
color:#00458e;
font-weight: bold;
}
.headbox .right{
margin-top: 30px;
float: right;
padding-left: 90px;
background: url("../img/tel.png") no-repeat left center;
}
.headbox .right .fir{
font-size:18px;
color:#818181;
font-weight: bold;
}
.headbox .right .sec{
font-size:36px;
color:#e71f19;
line-height: 35px;
}
.navbox{
background:#0e54ad;
position: relative;
}
.navbox li{
float: left;
width: 12.5%;
}
.navbox li a{
display: block;
line-height: 65px;
color:#fff;
font-size:16px;
text-align:center;
position: relative;
}
.navbox li a:after{
display: block;
content:'';
position: absolute;
width: 2px;
height: 100%;
background: url("../img/nav-icon.png") no-repeat center;
right:0;
top:0;
}
.navbox li a:hover , .navbox li a.active{
background: #e71f19;
}
.navbox li a span{
display: inline-block;
width: 15px;
height: 15px;
background: url(../img/nav-xiala.png) no-repeat center;
background-size: contain;
position: absolute;
right: 30px;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.navbox li a[biaoshi=pro]{
text-align: left;
padding-left: 29px;
}
.xiala{
position: absolute;
left:0;
top:100%;
width: 100%;
}
.xiala .bg{
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
z-index: 1;
background: none;
}
.xiala .bg>div{
position: absolute;
top:0;
height: 100%;
}
.xiala .bg .bg-left{
width: 32%;
background: #dee4eb;
left:0;
}
.xiala .bg .bg-right{
width: 68%;
background: #f0f5f9;
right:0;
}
.xiala .item{
position: absolute;
width: 100%;
top:0;
left:0;
padding:4% 0;
display: none;
background: #fff;
z-index: 2;
}
.xiala .item .conbox{
display: flex;
align-items: center;
justify-content: space-between;
}
.xiala .item .imgbox{
width: 35%;
height: 248px;
position: relative;
overflow: hidden;
z-index: 2;
}
.xiala .item .abox{
width: 56%;
position: relative;
display: flex;
justify-content: space-between;
z-index: 2;
}
.xiala .item .abox .list{
width: 46%;
position: relative;
}
.xiala .item .abox:after{
position: absolute;
content:"";
height: 80%;
width: 1px;
background: #e5e5e5;
top:50%;
left:37%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.xiala .item .abox .list a{
display: block;
font-size:16px;
color:#333333;
padding-left:22px;
line-height: 30px;
position: relative;
margin-bottom: 20px;
}
.xiala .item .abox .list a:last-child{
margin-bottom: 0;
}
.xiala .item .abox .list a:hover{
color:#08338a;
font-weight: bold;
}
.xiala .item .abox .list a:before{
content:"";
position: absolute;
width: 8px;
height: 8px;
border:2px solid #999;
left:0;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
border-radius: 100%;
}
.xiala .item .abox .list a:hover:before{
border:2px solid #08338a;
}
.xiala .item .xialaicon{
position: absolute;
right:0;
bottom:0;
z-index: 3;
display: block !important;
}
.bannerbox .swiper-slide img{
width: 100%;
}
.bannerbox .swiper-pagination{
bottom: 5%;
}
.bannerbox .swiper-pagination-bullet{
width: 60px;
height: 9px;
background: #fff;
border-radius: 0;
opacity: 1;
margin: 0 9px;
}
.bannerbox .swiper-pagination-bullet-active{
background: #2554ac;
}
.searchbg{
height: 84px;
width: 100%;
background: url("../img/sea-bg.jpg") no-repeat center center;
}
.sea-tel{
float: left;
background: url("../img/s-tel.png") no-repeat center left;
padding-left: 55px;
margin-top: 15px;
}
.sea-tel p{
color: #fff;
font-size: 18px;
}
.sea-tel strong{
color: #fff;
font-size: 24px;
display: block;
margin-top: -5px;
}
.hotline{
margin-left: 150px;
float: left;
line-height: 85px;
}
.hotline span{
color: #fff;
font-size: 14px;
}
.hotline a{
color: #fff;
font-size: 14px;
}
.searchborder{
float:right;
position: relative;
height: 48px;
width: 360px;
background: #fff;
margin-top: 20px;
border-radius: 24px;
}
.searchborder input[type=text]{
color: #5a5a5a;
width: 100%;
border: 0;
position: absolute;
background: none;
top: 0;
left: 0;
height: 48px;
line-height: 48px;
font-size: 14px;
text-indent: 20px;
padding-right: 75px;
}
.searchborder .search_s{
border: 0;
position: absolute;
top: 13px;
width: 23px;
height: 24px;
right:20px;
background: url("../img/sea.png") no-repeat center center;
color: #fff;
font-size: 14px;
cursor: pointer;
}
.searchborder input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color: rgba(0,0,0,0.4);
font-size:14px;
}
.searchborder input:-moz-placeholder,textarea:-moz-placeholder{
color: #5a5a5a;
font-size:14px;
}
.searchborder input::-moz-placeholder,textarea::-moz-placeholder{
color: #5a5a5a;
font-size:14px;
}
.searchborder input:-ms-input-placeholder,textarea:-ms-input-placeholder{
color: #5a5a5a;
font-size:14px;
}
.alltitle{
margin-bottom: 40px;
text-align:center;
}
.alltitle .fir{
font-size:100px;
color:#efefef;
text-transform: uppercase;
font-weight: bold;
line-height: 86px;
font-family: Arial;
}
.alltitle .sec{
display: flex;
align-items: center;
justify-content: center;
margin-top: -62px;
margin-bottom: 4px;
font-size:40px;
}
.alltitle .sec i{
color:#2b2b2b;
font-weight: bold;
margin-left: 18px;
display: inline-block;
}
.alltitle .sec em{
color:#0e54ad;
font-weight: bold;
margin-right: 18px;
display: inline-block;
}
.alltitle .thr{
font-size:20px;
color:#666666;
font-weight: lighter;
}
.allsider{
float: left;
width: 270px;
}
.allsider-top{
background: #0e54ad;
height: 100px;
padding:19px 0 0 20px;
}
.allsider-top .fir{
font-size:26px;
color:#f5f7f6;
font-weight: bold;
letter-spacing: 1px;
}
.allsider-top .sec{
font-size:16px;
color:#6479bd;
font-weight: bold;
text-transform: uppercase;
}
.allsider-ul{
background: #0e54ad;
padding:0 4px 4px 4px;
}
.allsider-ul ul li a{
display: block;
height: 70px;
line-height: 70px;
border-bottom:1px solid #dcdcdc;
background: #fff ;
padding-left: 15px;
font-size:14px;
color:#666666;
font-weight: bold;
position: relative;
}
.allsider-ul ul li:last-child a{
border-bottom:none;
}
.allsider-ul ul li a i{
display: block;
width: 23px;
height: 23px;
position: absolute;
background:#fff url("../img/jian.png") no-repeat center;
border:1px solid #dedede;
border-radius: 100%;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right:4px;
}
.allsider-ul ul li a:hover
,.allsider-ul ul li a[date=active]{
color:#0e54ad;
background: #fff ;
}
.allsider-ul ul li a:hover i
,.allsider-ul ul li a[date=active] i{
background:#0e54ad url("../img/jian2.png") no-repeat center;
}
.allsider-ul ul li .morea{
background: #0e54ad ;
color:#fff;
}
.allsider-ul ul li .morea i{
border:1px solid #fff;
background:#0e54ad url("../img/jian2.png") no-repeat center;
}
.allsider-bottom{
width: 100%;
padding:15px 25px;
background: url("../img/allsider-bottom-bg.png") no-repeat center / cover;
text-align:center;
color:#fff;
margin-top: 28px;
}
.allsider-bottom .sider-tel{
display: block;
margin:0 auto 15px auto;
}
.allsider-bottom .lxbox{
padding: 16px 0;
text-align: center;
}
.allsider-bottom .lxbox .fir{
font-size:18px;
}
.allsider-bottom .lxbox .sec{
font-size: 30px;
font-family: Impact;
line-height: 42px;
}
.allsider-bottom .thr{
font-size:16px;
font-weight: bold;
}
.allpro{
position: relative;
}
.allpro .imgbox{
width: 100%;
height: 215px;
position: relative;
border: 1px solid #ededed;
}
.allpro .title a{
display: block;
line-height: 55px;
background: #f5f7f6;
font-size:16px;
color:#333;
text-align:center;
padding:0 10px;
}
.allpro:hover .title a{
background: #0e54ad;
color:#fff;
}
.allpro .imgbox .abox{
width: 254px;
height: 44px;
background: url("../img/allprobg.jpg") no-repeat center;
position: absolute;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom:0;
opacity: 0;
}
.allpro .imgbox .abox a{
display: block;
float: left;
width: 50%;
line-height: 44px;
font-size:16px;
color:#fff;
text-align:center;
}
.allpro:hover .imgbox .abox{
opacity: 1;
bottom:20px;
}
.in_pro-right{
float: right;
width: 910px;
}
.in_pro-right .list{
float: left;
width: 290px;
margin-right: 20px;
margin-bottom: 20px;
}
.in_pro-right .list:nth-child(3n){
margin-right: 0;
}
.in_youshi{
background:#f2f6fb url("../img/youshibg.jpg") no-repeat top center;
}
.youshibox{
width: 100%;
height: 575px;
position: relative;
}
.youshibox .swiper-container{
height: 100%;
}
.youshibox .swiper-slide {
height: 100%;
}
.youshibox .youshi-list{
height: 100%;
}
.youshibox .text ,.youshibox .imgbox{
width: 50%;
height: 100%;
float: left;
position: relative;
background: #fff;
}
.youshibox .text {
padding:40px;
}
.youshibox .text .tbox{
border-bottom:1px solid #dfdfdf;
padding-bottom: 22px;
}
.youshibox .text .tbox .left{
float: left;
}
.youshibox .text .tbox .left .icon{
width: 80px;
height: 60px;
position: relative;
float: left;
margin-right: 10px;
}
.youshibox .text .tbox .left .wenzi{
float: left;
}
.youshibox .text .tbox .left .wenzi .t1{
font-size:30px;
color:#282828;
}
.youshibox .text .tbox .left .wenzi .t2{
font-size:16px;
color:#282828;
text-transform: uppercase;
}
.youshibox .text .tbox .right{
width: 80px;
height: 60px;
position: relative;
float: right;
}
.youshibox .text .des{
font-size:16px;
color:#3d3d3d;
line-height: 25px;
margin-top: 40px;
}
.youshibox .text .des strong{
font-size:22px;
}
.youshibox .youshi-jiaodian{
position: absolute;
width: 92.5%;
margin:0 auto;
height: 145px;
bottom:45px;
left:50%;
transform: translateX(-50%);
z-index: 1;
}
.youshibox .youshi-jiaodian .but{
float: left;
width: 45px;
height: 100%;
position: relative;
}
.youshibox .youshi-jiaodian .but .swiper-pagination-bullet{
display: block;
width: 10px;
height: 10px;
border-radius: 10px;
opacity: 1;
border:2px solid #d2d2d2;
margin:21px 0;
background: none;
}
.youshibox .youshi-jiaodian .but .swiper-pagination-bullet-active{
border:2px solid #2f5cb0;
background: none;
}
.youshibox .youshi-jiaodian .item{
float: left;
width: 670px;
height: 100%;
box-shadow: 0 0 6px #c7c7c7;
}
.youshibox .youshi-jiaodian .item .list{
float: left;
width: 25%;
height: 100%;
text-align:center;
padding-top: 24px;
}
.youshibox .youshi-jiaodian .item .list:nth-child(even){
background: #fff;
}
.youshibox .youshi-jiaodian .item .list:nth-child(odd){
background: #f5f5f5;
}
.youshibox .youshi-jiaodian .item .list.active{
background: #2554ac;
}
.youshibox .youshi-jiaodian .item .list .icon1{
width: 100%;
height: 45px;
position: relative;
}
.youshibox .youshi-jiaodian .item .list.active .icon1 img{
filter: grayscale(100%) brightness(1000%);
}
.youshibox .youshi-jiaodian .item .list .s1{
font-size:18px;
color:#282828;
margin-top: 10px;
}
.youshibox .youshi-jiaodian .item .list.active .s1{
color:#fff;
}
.youshibox .youshi-jiaodian .item .list .s2{
font-size:12px;
color:#282828;
text-transform: uppercase;
}
.youshibox .youshi-jiaodian .item .list.active .s2{
color:#fff;
}
.youshibox .youshi-jiaodian .youshi-tel{
box-shadow: 0 0 6px #c7c7c7;
float: left;
width: 395px;
height: 100%;
background:url("../img/bg1.jpg") no-repeat center / cover;
}
.youshibox .youshi-jiaodian .youshi-tel .tel-text{
margin: 42px 0 0 60px;
padding-left:80px;
color:#fff;
background: url("../img/youshi-tel.png") no-repeat left center;
}
.youshibox .youshi-jiaodian .youshi-tel .tel-text .fir{
font-size:16px;
}
.youshibox .youshi-jiaodian .youshi-tel .tel-text .sec{
font-size:28px;
font-weight: bold;
margin-top: 5px;
}
.youshi-bar{
margin-top: 60px;
}
.youshi-bar .icon1{
float: left;
margin-top: 12px;
}
.youshi-bar .text{
float: left;
color:#fff;
margin-left: 30px;
}
.youshi-bar .text .a1{
font-weight: bold;
font-size:32px;
color:#fff;
margin-bottom: 7px;
}
.youshi-bar .text .a2 span{
display: inline-block;
padding-left:23px;
background: url("../img/yuan.png") no-repeat left center;
font-size:18px;
color:#fff;
margin-right: 10px;
}
.youshi-bar a{
display: block;
line-height: 50px;
width: 180px;
font-size:16px;
text-align:center;
color:#fff;
border:1px solid #fff;
border-radius: 50px;
float: right;
margin-top: 9px;
}
.youshi-bar a:hover{
border:none;
background: #e71f19;
}
.company {
width: 100%;
position: relative;
}
/*.company:before {
display: block;
content: "";
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%;
height: 577px;
background: url(../img/company-bg.jpg) no-repeat center;
}*/
.company .company-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2px;
}
.company .company-box .company-left {
float: left;
width: 720px;
height: 625px;
box-shadow: 1px 1px 10px #33333338;
position: relative;
}
.company .company-box .company-left .img-box {
width: 720px;
height: 343px;
overflow: hidden;
}
.company .company-box .company-left .company-info {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
background: #fff;
height: 282px;
}
.company .company-box .company-left .company-info > p:nth-child(1) {
color: #333;
width: 100%;
height: 40px;
line-height: 1;
border-bottom: 1px dashed #ddd;
}
.company .company-box .company-left .company-info > p:nth-child(1) strong {
color: #024f9a;
}
.company .company-box .company-left .company-info .company-content {
color: #666;
line-height: 2;
height: auto;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
font-size: 15px;
}
.company .company-box .company-left .company-info .company-btn {
display: flex;
flex-direction: row;
width: 100%;
justify-content: flex-start;
align-items: flex-start;
}
.company .company-box .company-left .company-info .company-btn a {
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-ms-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
}
.company .company-box .company-left .company-info .company-btn a:nth-child(1) {
margin-right: 10px;
background: #024f9a;
}
.company .company-box .company-left .company-info .company-btn a:nth-child(1):hover {
background: #e71f19;
}
.company .company-box .company-left .company-info .company-btn a:nth-child(2) {
background: #e71f19;
}
.company .company-box .company-left .company-info .company-btn a:nth-child(2):hover {
background: #024f9a;
}
.company .company-box .company-right {
float: right;
box-shadow: 1px 1px 10px #33333338;
width: 430px;
height: 625px;
position: relative;
background: #fff;
}
.company .company-box .company-right .mes-title {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 76px;
background: #024f9a;
}
.company .company-box .company-right .mes-title i {
width: 27px;
height: 23px;
background: url(../img/mes-icon1.png) no-repeat center;
}
.company .company-box .company-right .mes-title p {
color: #fff;
}
.company .company-box .company-right .mes-tel {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 90px;
}
.company .company-box .company-right .mes-tel i {
width: 45px;
height: 45px;
background: url(../img/mes-tel.png) no-repeat center;
}
.company .company-box .company-right .mes-tel .mes-tel-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.company .company-box .company-right .mes-tel .mes-tel-box > p:nth-child(1) {
font-family: "Arial";
color: #333;
line-height: 1;
}
.company .company-box .company-right .mes-tel .mes-tel-box > p:nth-child(2) {
font-size: 15px;
color: #666;
line-height: 1;
}
.company .company-box .company-right .mes-form {
padding: 0 30px 30px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.company .company-box .company-right .mes-form .form-group {
width: 100%;
}
.company .company-box .company-right .mes-form .form-group input {
width: 100%;
height: 57px;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
background: #f3f3f3;
color: #999;
}
.company .company-box .company-right .mes-form .form-group.code {
position: relative;
}
.company .company-box .company-right .mes-form .form-group.code input {
padding: 0 130px 0 20px;
}
.company .company-box .company-right .mes-form .form-group.code img {
display: block;
position: absolute;
right: 0;
top: 0;
width: 120px;
height: 57px;
}
.company .company-box .company-right .mes-form .form-group.code img:hover {
cursor: pointer;
}
.company .company-box .company-right .mes-form .form-group textarea {
width: 100%;
height: 133px;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
background: #f3f3f3;
color: #999;
}
.common-btn2 {
display: block;
width: 100%;
height: 57px;
line-height: 57px;
font-size: 16px;
color: #fff;
background: #024f9a;
text-align: center;
border-radius: 8px;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-ms-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
}
.common-btn2:hover {
background: #e71f19;
}
.common-btn {
display: block;
width: 110px;
height: 38px;
line-height: 38px;
font-size: 15px;
color: #fff;
text-align: center;
border-radius: 4px;
}
.in_case{
padding-bottom: 47px;
}
.in_case .swiper-slide .imgbox{
width: 100%;
height: 330px;
position: relative;
overflow: hidden;
}
.in_case .swiper-slide:hover .imgbox .pic{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.in_case .swiper-slide{
position: relative;
height: 410px;
}
.in_case .swiper-slide .title{
position: absolute;
left:50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom:8%;
background: #fff;
width: 85%;
box-shadow: 0px 5px 5px 0px #0000001f;
padding:0 20px;
height: 80px;
}
.in_case .swiper-slide .title a{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.in_case .swiper-slide .title .s1{
display: block;
width: 72%;
font-size:16px;
color:#333;
}
.in_case .swiper-slide .title .s2{
display: block;
width: 50px;
height: 30px;
background: #a3a3a3 url("../img/casejian.png") no-repeat center;
background-size: 29px;
}
.in_case .swiper-slide .imgbox .meng{
position: absolute;
width: 100%;
height: 100%;
text-align:center;
color:#fff;
left:0;
top:0;
background: rgba(0,0,0,0.5);
padding-top: 44px;
opacity: 0;
}
.in_case .swiper-slide .imgbox .meng .readmore{
display: block;
margin:0 auto;
width: 36px;
}
.in_case .swiper-slide .imgbox .meng span{
display: inline-block;
font-size: 20px;
text-transform: uppercase;
padding-right: 31px;
background: url(../img/casejian.png) no-repeat right center;
background-size: 24px;
line-height: 26px;
margin-top: 15px;
font-weight: bold;
}
.in_case .swiper-slide:hover .title{
width: 100%;
bottom:0;
background: #0e54ad;
}
.in_case .swiper-slide:hover .title .s1{
color:#fff;
}
.in_case .swiper-slide:hover .title .s2{
background: #fff url("../img/casejian1.png") no-repeat center;
background-size: 29px;
}
.in_case .swiper-slide:hover .imgbox .meng{
opacity: 1;
padding-top: 118px;
}
.in_news .item .list1{
float: left;
width: 530px;
}
.in_news .item .tbox{
margin-bottom: 15px;
}
.in_news .item .tbox .left{
float: left;
display: flex;
align-items: center;
justify-content: left;
}
.in_news .item .tbox .left span{
display: inline-block;
font-size:24px;
color:#333333;
margin-left: 10px;
}
.in_news .item .tbox a{
display: block;
float: right;
font-size:15px;
color:#333333;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
}
.in_news .item .tbox a:hover{
color:#2384a7;
}
.allnews .imgbox{
width: 100%;
height: 277px;
position: relative;
overflow: hidden;
}
.allnews .imgbox .time{
position: absolute;
display: inline-block;
line-height: 45px;
font-size:20px;
font-family: Impact;
border-radius: 20px 0 0 0;
background: #0e54ad;
bottom:0;
right:0;
color:#fff;
padding:0 25px;
}
.allnews .text a{
display: block;
padding: 34px 26px 60px 26px;
background: #fff;
position: relative;
height: 184px;
}
.allnews .text .title{
font-size:18px;
color:#333333;
font-weight: bold;
}
.allnews .text .des{
font-size:15px;
color:#666;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
margin-top: 10px;
}
.allnews .text .swiper-pagination{
width: 100%;
text-align: left;
bottom: 14%;
}
.allnews .text .swiper-pagination-bullet{
width: 12px;
height: 12px;
background: #d8dce0;
opacity: 1;
margin-left:10px;
}
.allnews .text .swiper-pagination-bullet-active{
background: #e71f19;
}
.allnews:hover .text a{
background: #0e54ad;
}
.allnews:hover .text .title{
color:#fff;
}
.allnews:hover .text .des{
color:#fff;
}
.allnews:hover .imgbox .time{
right:10px;
bottom:10px;
}
.in_news .item .list2 {
float: right;
width: 600px;
}
.in_news .item .list2_top{
display: flex;
justify-content: space-between;
}
.in_news .item .list2_top .lie{
width: 290px;
}
.in_news .item .list2_top .lie .imgbox{
width: 100%;
height: 165px;
overflow: hidden;
position: relative;
}
.in_news .item .list2_top .lie .title a{
display: block;
font-size:16px;
color:#333333;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.in_news .item .list2_top .lie:hover .imgbox img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.in_news .item .list2_bottom .hang a{
display: block;
line-height: 67px;
border-top:1px solid #dcdcdc;
}
.in_news .item .list2_bottom .hang:last-child a{
border-bottom:1px solid #dcdcdc;
}
.in_news .item .list2_bottom .hang a span{
display: block;
float: left;
font-size:16px;
color:#333;
padding-left:30px;
position: relative;
width: 465px;
}
.in_news .item .list2_bottom .hang a span:before{
position: absolute;
content:"";
left:0;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 100%;
border:2px solid #0e54ad;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.in_news .item .list2_bottom .hang a .time{
float: right;
font-size:16px;
color:#888888;
}
.in_news .item .list2_bottom{
margin-top: 52px;
}
.in_news .item .list2_bottom .hang a:hover span{
color:#0e54ad;
font-weight: bold;
}
.in_news{
background: #f3f3f3;
}
.footerbox{
background: #272727;
}
.footerbox .f-t{
color:#fff;
font-weight: bold;
font-size:16px;
margin-bottom: 24px;
}
.footer_top .left{
float: left;
width: 610px;
}
.footer_top .left .abox a{
display: block;
float: left;
width: 25%;
font-size:14px;
color:#969696;
margin-bottom: 10px;
}
.footer_top{
padding:50px 0;
}
.footer_top .left .abox a:hover{
color:#fff;
}
.footer_top .right{
float: right;
width: 440px;
}
.footer_top .right .lxbox .erbox{
float: left;
width: 115px;
padding:10px;
text-align:center;
background: #3d3d3d;
}
.footer_top .right .lxbox .erbox img{
width: 100%;
}
.footer_top .right .lxbox .erbox p{
color: #969696;
font-size:13px;
margin-top: 8px;
}
.footer_top .right .lxbox .add{
float: right;
width: 280px;
}
.footer_top .right .lxbox .add .tel{
font-size:28px;
font-family: Impact;
color:#fff;
padding-left: 43px;
background: url(../img/header-tel2.png) no-repeat left center;
background-size: 30px;
margin-bottom: 28px;
}
.footer_top .right .lxbox .add .box p{
font-size: 14px;
color: #969696;
margin-bottom: 10px;
}
.footer_top .right .lxbox .add .box a{
color: #969696;
}
.copy{
font-size: 14px;
color: #969696;
line-height: 95px;
}
.copy .warpper{
border-top:1px solid #3d3d3d;
}
.copy a{
color: #969696;
}
.copy .left{
float: left;
}
.copy .right{
float: right;
}
.inner-company-fir{
background: #f0f5f9;
}
.inner-company-fir .con .left{
float: left;
width: 700px;
}
.inner-company-fir .con .left .t1{
font-weight: bold;
font-size:28px;
color:#333;
margin: 29px 0 30px 0;
}
.inner-company-fir .con .left .t1 span{
color:#0e54ad;
}
.inner-company-fir .con .left .t2{
line-height: 30px;
font-size:17px;
color:#666;
text-align: justify;
}
.inner-company-fir .con .left .item{
margin-top: 66px;
}
.inner-company-fir .con .left .item .list{
float: left;
width: 33.33%;
text-align:center;
border-left:1px solid #2384a7;
}
.inner-company-fir .con .left .item .list:last-child{
border-right:1px solid #2384a7;
}
.inner-company-fir .con .left .item .list .icon{
height: 50px;
}
.inner-company-fir .con .left .item .list .icon img{
display: block;
margin:0 auto;
}
.inner-company-fir .con .left .item .list .title{
font-weight: bold;
font-size:22px;
color:#333;
margin-top: 20px;
}
.inner-company-fir .con .left .item .list .line{
width: 120px;
height: 18px;
background: linear-gradient( to right, #93efef 0%, #8dc8e2 100%);
margin:-10px auto 0 auto;
}
.inner-company-fir .con .right{
width: 450px;
height: 360px;
overflow: hidden;
float: right;
}
.inner-company-sec{
height: 368px;
}
.inner-company-sec .item{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.inner-company-sec .item .list{
width: 280px;
height: 270px;
position: relative;
overflow: hidden;
margin-top: 73px;
}
.inner-company-sec .item .list .meng{
position: absolute;
width: 100%;
height: 100%;
background: #0e54ada3;
left:0;
top:0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
.inner-company-sec .item .list .meng .inner{
width: 90%;
height: 86%;
text-align:center;
border:2px dashed #fff;
}
.inner-company-sec .item .list .meng .inner .icon{
height: 57px;
margin-top: 65px;
}
.inner-company-sec .item .list .meng .inner .icon img{
display: block;
margin:0 auto;
filter: brightness(10000%);
}
.inner-company-sec .item .list .meng .inner .title{
font-weight: bold;
color:#fff;
font-size:20px;
}
.inner-company-sec .item .list:hover .meng{
opacity: 1;
}
.inner-company-thr{
background: #f0f5f9;
}
.inner-company-thr .lxbox{
height: 330px;
}
.inner-company-thr .imgbox{
float: left;
width: 485px;
height: 100%;
}
.inner-company-thr .text{
float: left;
width: 715px;
height: 100%;
background: #fff;
padding:4% 5%;
}
.inner-company-thr .text .fir{
font-size:24px;
color:#363636;
font-weight: 700;
}
.inner-company-thr .text .sec{
font-size:16px;
color:#707070;
line-height: 30px;
margin:20px 0 30px 0;
}
.inner-company-thr .text .thr{
font-size:16px;
color:#707070;
line-height: 30px;
}
.inner-company-thr .text .thr a{
font-size:30px;
color:#0e54ad;
font-weight: 700;
}
.bg{
background: #f0f5f9;
}
.sbanner{
width: 100%;
}
.sbanner img{
width: 100%;
}
.allcrubms{
border-bottom:1px solid #f0f0f0;
}
.allcrubms .left{
float: left;
padding-left:35px;
font-size:14px;
color:#666666;
background: url("../img/home-icon.png") no-repeat left center;
line-height: 70px;
}
.allcrubms .left a{
font-size:14px;
color:#666666;
}
.allcrubms .right{
float: right;
margin-top: 16px;
}
.all_pro_right{
width: 880px;
float: right;
}
.top-des-pro .left{
float: left;
width: 460px;
border:2px solid #eee;
}
.top-des-pro .left .pic{
width: 100%;
height: 460px;
position: relative;
}
.top-des-pro .left .but{
width: 35px;
height: 56px;
margin-top: -28px;
background-color: #7f7f7f;
}
.top-des-pro .left .but:after{
font-size:26px;
}
.top-des-pro .left .but:hover{
background-color: #2b2b2b;
}
.top-des-pro .left .swiper-button-prev{
left:0;
}
.top-des-pro .left .swiper-button-next{
right:0;
}
.top-des-pro .right{
float: right;
width: 385px;
margin-top: 40px;
}
.top-des-pro .right .title{
font-size:26px;
color:#282828;
font-weight: bold;
margin-bottom: 23px;
}
.top-des-pro .right .parentitle{
margin-bottom: 28px;
font-size: 18px;
color: #fff;
font-weight: bold;
display: inline-block;
padding: 0 20px;
line-height: 40px;
background: #e71f19;
}
.top-des-pro .right .lxbox{
margin-top: 30px;
}
.top-des-pro .right .lxbox p{
font-size:15px;
color:#747474;
line-height: 48px;
padding-left: 28px;
border-bottom:1px dashed #e5e5e5;
display: flex;
align-items: center;
}
.top-des-pro .right .lxbox p a{
color:#747474;
}
.top-des-pro .right .lxbox p.linkman{
background: url("../img/p-linkman.png") no-repeat left center;
}
.top-des-pro .right .lxbox p.tels{
background: url("../img/p-tel.png") no-repeat left center;
}
.top-des-pro .right .lxbox p.address{
background: url("../img/p-address.png") no-repeat left center;
}
.top-des-pro .right .lxbox p.tels span{
font-size: 30px;
font-family: Impact;
color: #e71f19;
line-height: initial;
letter-spacing: 1px;
}
.bottom-des-pro{
margin-top: 40px;
}
.des-content{
font-size: 16px;
color: #737373;
line-height: 30px;
background: #f3f3f3;
padding: 35px;
}
.des-content strong{
color:#282828;
font-size:18px;
margin-bottom: 10px;
display: block;
}
.des-content img{
margin:0 auto;
max-width: 100%;
}
.des-content table{
width: 100% !important;
border-collapse: collapse;
margin-bottom: 3%;
}
.des-content table tr td{
font-size:15px;
color:#2c2b2b;
text-align:center;
border:1px solid #e3e3e3;
}
.protbox{
margin-top: 40px;
}
.protbox .fir{
font-weight: bold;
font-size:32px;
color:#282828;
}
.protbox img{
margin: 20px 0 30px 0;
}
.inner-yingyong-list{
float: left;
width: 381px;
margin-right: 28px;
margin-bottom: 28px;
}
.inner-yingyong-list:nth-child(3n){
margin-right: 0;
}
.inner-yingyong-list .imgbox{
width: 100%;
height: 320px;
overflow: hidden;
position: relative;
}
.inner-yingyong-list .title a{
display: block;
background: #eee;
font-size:16px;
color:#333;
line-height: 55px;
text-align:center;
padding:0 25px;
}
.inner-yingyong-list:hover .title a{
background: #e71f19;
color:#fff;
}
.inner-yingyong-list-sec:hover .imgbox img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.clickbox{
line-height: 25px;
margin-bottom: 31px;
padding: 5px 10px;
color: #777;
position: relative;
text-align: center;
}
.clickbox span{
margin-right: 2%;
}
.article-content{
font-size: 16px;
color: #737373;
line-height: 30px;
}
.article-content img{
max-width: 65%;
margin:1% auto;
}
.inner-news-des{
background: #fff;
}
.inner-news-des .left .tbox{
margin-bottom: 2%;
padding-bottom: 2%;
border-bottom: 1px solid #eee;
text-align:center;
}
.inner-news-des .left .tbox .fir{
font-size: 32px;
color:#333;
}
.inner-news-des .left .tbox .sec{
font-size: 14px;
color:#777;
margin-top: 1%;
}
.news-inner-list{
padding:20px;
background: #fff;
margin-bottom: 20px;
float: left;
width: 595px;
margin-right: 10px;
}
.news-inner-list:nth-child(2n){
margin-right: 0;
}
.news-inner-list:hover{
box-shadow: 0px 0px 10px #e6e6e6;
}
.news-inner-list .imgbox{
width: 216px;
height: 146px;
float: left;
}
.news-inner-list .text {
width: 316px;
float: right;
}
.news-inner-list .text .title{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size:18px;
font-weight: 700;
color:#333;
margin-top: 10px;
}
.news-inner-list .text .con{
line-height: 24px;
color: #666;
font-size: 14px;
margin-bottom: 17px;
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.news-inner-list .text .more .time{
font-size:16px;
color:#999;
float: left;
font-family: cll;
}
.news-inner-list .text .more .kan{
float: right;
display: block;
width: 145px;
line-height: 35px;
text-align: center;
border-radius: 30px;
border: 1px solid #eee;
font-size: 14px;
color: #666;
margin-top: -8px;
}
.news-inner-list:hover .text .more .kan{
color:#fff;
background: #e71f19;
border:1px solid #e71f19;
}
.news-detail-content-box{
background: #fff;
padding: 30px 20px;
}
.news-detail-content .news-detail-title {
padding-bottom: 15px;
border-bottom: 1px dashed #ededed;
text-align: center;
margin-bottom: 15px;
}
.news-detail-title .h3 {
font-size: 20px;
color: #323232;
line-height: 24px;
font-weight: bold;
margin: 0 0 10px;
}
.news-detail-content .news-detail-title .b {
font-size: 13px;
color: #999999;
line-height: 20px;
}
.news-detail-content .news-detail {
padding: 0 12px 30px;
}
.news-detail-content .news-detail p {
font-size: 14px;
color: #666;
line-height: 30px;
}
.news-detail-content .news-detail img{
max-width: 100%;
margin:1% auto;
display: block;
}
.inner-news-des{
background: #fff;
}
.inner-news-des .left .tbox{
margin-bottom: 2%;
padding-bottom: 2%;
border-bottom: 1px solid #eee;
text-align:center;
}
.inner-news-des .left .tbox .fir{
font-size: 32px;
color:#333;
}
.inner-news-des .left .tbox .sec{
font-size: 14px;
color:#777;
margin-top: 1%;
}
.contact-liuyan{
width: 100%;
padding:3%;
border:1px solid #eee;
}
.contact-liuyan .form-left{
float: left;
width: 75%;
}
.contact-liuyan .form-right{
float: right;
width: 24%;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.contact-liuyan .inputbox{
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
}
.contact-liuyan input[type=text]{
width: 49.5%;
line-height: 45px;
border:1px solid #eee;
padding-left: 15px;
outline: none;
background: #fff;
font-size:14px;
color:#333;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
margin-bottom: 8px;
}
.contact-liuyan input:focus{
border:1px solid #0e54ad;
}
.contact-liuyan input[type=text]::placeholder{
font-size:14px;
color:#999;
}
.contact-liuyan input[name=captcha]{
width: 100%;
}
.contact-liuyan .verify{
height: 45px;
width: 100%;
border:1px solid #eee;
padding:3px;
}
.contact-liuyan .verify img{
width: 100%;
height: 100%;
}
.contact-liuyan textarea{
width:100%;
height: 155px;
border:1px solid #eee;
padding:15px;
outline: none;
resize: none;
font-size:14px;
color:#333;
font-family: "Microsoft Yahei";
}
.contact-liuyan textarea::placeholder{
font-size:14px;
color:#999;
}
.contact-liuyan textarea:focus{
border:1px solid #0e54ad;
}
.contact-liuyan .submit{
display: block;
width: 100%;
line-height: 45px;
text-align:center;
color:#fff;
font-size:16px;
background: #0e54ad;
cursor: pointer;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
margin-top: 64px;
}
.contact-liuyan .submit:hover{
background: #e71f19;
}
.contact-liuyan .contact-liuyan-title {
color: #333;
font-size: 25px;
letter-spacing: 1px;
margin-bottom: 2%;
}
.contact-inner .top .list{
float: left;
width: 285px;
height: 217px;
border: 1px solid #e8ecf0;
background-color: #e1ecf5;
text-align:center;
padding:0 20px;
margin-right: 20px;
}
.contact-inner .top .list:last-child{
margin-right: 0;
}
.contact-inner .top .list .imgbox{
text-align:center;
margin-top: 42px;
}
.contact-inner .top .list .imgbox svg{
width: 40px;
height: 40px;
fill: url(#svgGradient);
}
.contact-inner .top .list .text{
margin-top: 20px;
}
.contact-inner .top .list .text .fir{
color: #929292;
font-size:16px;
margin-bottom: 9px;
}
.contact-inner .top .list .text .sec{
color: #333;
font-size: 16px;
}
.contact-inner .top .list .text .sec a{
color: #333;
}
.contact-inner .bottom{
width: 100%;
height: 400px;
margin-top: 30px;
}
.contact-inner .bottom #mapbox{
width: 100%;
height: 100%;
}
.k{
font-weight: bold;
color:red;
}
.newstype {
margin-bottom: 30px;
}
.newstype a{
display: inline-block;
line-height: 45px;
padding: 0 34px;
background: #fff;
border: 1px solid #f9f9f9;
font-size: 16px;
color: #333;
margin-right: 10px;
}
.newstype a:hover ,
.newstype a.active{
background: #0e54ad;
color:#fff;
}
.cbl {
width: 45px;
position: fixed;
right: 0;
top: 44%;
z-index: 3333;
}
.cbl.active {
display: none;
}
.cbl li {
margin-top: 2px;
transition: 0.4s ease-in-out;
}
.cbl span {
transition: 0.2s ease-in-out;
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
background: #00c0ff;
box-sizing: border-box;
font-size: 12px;
color: white;
position: relative;
background-size: 30px;
}
.cbl span i {
transition: 0.4s ease-in-out;
display: block;
font-size: 36px;
color: #fff;
line-height: 30px;
}
.cbl li.tel span{
background: #0e54ad url("../img/cb-tel.png") no-repeat center;
}
.cbl li.tel:hover span{
background: #e71f19 url("../img/cb-tel.png") no-repeat center;
}
.cbl li.message span{
background: #0e54ad url("../img/cb-message.png") no-repeat center;
}
.cbl li.message:hover span{
background: #e71f19 url("../img/cb-message.png") no-repeat center;
}
.cbl li.weixin span{
background: #0e54ad url("../img/cb-weixin.png") no-repeat center;
}
.cbl li.weixin:hover span{
background: #e71f19 url("../img/cb-weixin.png") no-repeat center;
}
.cbl li.fd span{
background: #0e54ad url("../img/fd.png") no-repeat center;
}
.cbl li.fd:hover span{
background: #e71f19 url("../img/fd.png") no-repeat center;
}
.cbl span .fir {
font-size:14px;
color:#fff;
text-align:center;
font-weight: lighter;
display: none;
}
.cbl li aside {
position: absolute;
right: 50px;
top: 0;
padding:0 10px;
line-height: 45px;
opacity: 0;
visibility: hidden;
transform:rotateX(-90deg);
transition: all .2s linear 0s;
display: inline-block;
vertical-align: top;
background: #00458e;
box-sizing: border-box;
font-size: 18px;
color: white;
white-space: nowrap;
font-family: Impact;
}
.cbl li aside.ex{
padding: 10px;
}
.cbl li aside img{
width: 100px;
}
.cbl li:hover aside{
transform:rotateX(0);
opacity: 1;
visibility: visible;
}
.cbl li aside:after{
width: 0px;
height: 0px;
border: 8px solid transparent;
border-left: 8px solid #00458e;
display: block;
content: '';
position: absolute;
top: 12px;
right: -16px;
transition: top .2s linear;
transition-delay: .1s;
}
.kji{
margin-bottom: 4%;
}
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-danger {
color: #fff;
background-color: #cc3131;
}
.text-white {
color: #fff!important;
}
.base_bg {
background-color: #0e54ad;
}